<?php
// Создаём meta тег Content-Type
$this->headMeta()->appendHttpEquiv('Content-Type', 'text/html;charset=utf-8');
// Указываем символ разделитель в теге title
$this->headTitle()->setSeparator(' - ');
// Определяем содержимое тега title
$this->headTitle('My site');
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <?php
        $this->headLink()->appendStylesheet('/css/screen.css', 'screen');
        $this->headLink(array('rel' => 'favicon',
            'href' => 'img/favicon.ico'), 'PREPEND');
        $this->headLink()->prependStylesheet('/css/ie.css', 'screen', 'ie');
        $this->headLink()->prependStylesheet('/css/print.css', 'print');
        $this->headLink()->prependStylesheet('/css/lightbox.css');
        $this->headScript()->prependFile('/js/lightbox.js');
        $this->headScript()->prependFile('//malsup.github.com/jquery.form.js');
        echo $this->doctype();
        echo $this->jquery();
        echo $this->headMeta();
        echo $this->headLink();
        echo $this->headScript();
        ?>
        <script type="text/javascript">
            
            $(function()
            {
                $('#img').bind('change', function() {
                  var post_max_size =  $(this).parent().find('#MAX_FILE_SIZE').val();
                  if(this.files[0].size >post_max_size)
                  {
                   //  alert( this.files[0].type );
                    $(this).parent().find('.errors').remove();
                       $(this).parent().append('<ul class="errors"><li>Файл превышает максимальный размер в '+ post_max_size/1024/1024 + ' Mb </li></ul>');
                       $(this).val('');
                  }
                });
                $('#txt').bind('change', function() {
                    var post_max_size = $(this).parent().parent().find('#MAX_FILE_SIZE').val();
                  if(this.files[0].size > post_max_size)
                  {
                    $(this).parent().find('.errors').remove();
                       $(this).parent().append('<ul class="errors"><li>Файл превышает максимальный размер в '+ post_max_size/1024/1024  + ' Mb </li></ul>');
                       $(this).val('');
                  }
                });
                $("input").keyup(function()
                {
                    var formElementId = $(this).attr('id');
                    doValidation(formElementId);
                });
                $("input").blur(function()
                {
                    var formElementId = $(this).attr('id');
                    doValidation(formElementId);
                });
                $("textarea").blur(function()
                {
                    var formElementId = $(this).attr('id');
                    doValidation(formElementId);
                });
                $("textarea").keyup(function()
                {
                    var formElementId = $(this).attr('id');
                    doValidation(formElementId);
                });
                
            });
            
            function doValidation(id)
            {
                var url = '/index/validateform'
                var data = {};
                $("input").each(function()
                {
                    data[$(this).attr('name')] = $(this).val();
                });
                $("textarea").each(function()
                {
                    data[$(this).attr('name')] = $(this).val();
                });
                $.post(url,data,function(resp)
                {
                    $("#"+id).parent().find('.errors').remove();
                    $("#"+id).parent().append(getErrorHtml(resp[id], id));
                    //$("#"+id).parent().parent().parent().prepend(getErrorHtml(resp[id], id));
                },'json');

                
            }
            function getErrorHtml(formErrors , id)
            {
                var o = '<ul id="errors-'+id+'" class="errors">';
                if(formErrors){
                    for(errorKey in formErrors)
                    {
                        o += '<li>' + formErrors[errorKey] + '</li>';
                    }
                    o += '</ul>';
                    return o;
                }
            }

        </script>

    </head>
    <body>
        <div class="container">
            <?php if ($this->identity): ?>
                <p>Привет, <? echo $this->identity->username; ?></p>
                <p>Твоя роль, <? echo $this->identity->role; ?></p>
            <?php endif; ?>
            <?php
            echo $this->layout()->content;
            echo $this->errors;
            ?>

        </div>
        <div class="footer">
        </div>
    </body>
</html>    